import React from 'react'
import { Tabbar } from 'react-vant';
import { NavLink } from 'react-router-dom';
import { FriendsO, HomeO, Search, Contact, LikeO } from '@react-vant/icons'
type Props = {}

const Tavs = (props: Props) => {
    return (
        <div>
            <Tabbar>
                <Tabbar.Item icon={<HomeO />}><NavLink to={'/home'}>首页</NavLink></Tabbar.Item>
                <Tabbar.Item icon={<Search />}><NavLink to={'/search'}>搜索</NavLink></Tabbar.Item>
                <Tabbar.Item icon={<LikeO />}>关注</Tabbar.Item>
                <Tabbar.Item icon={<FriendsO />}><NavLink to={'/pw'}>票务</NavLink></Tabbar.Item>
                <Tabbar.Item icon={<Contact />}>我的</Tabbar.Item>
            </Tabbar>
        </div>
    )
}

export default Tavs